<!DOCTYPE html>
<html lang="en"><html xmlns:th="http://www.thymeleaf.org"><head>
    <meta charset="UTF-8">
    <title th:text="${users.getUsers().getName()+'的主页'}"></title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/css/communtiy.css">
    <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
    <script src="/js/bootstrap.min.js" type="application/javascript"></script>
    <script src="/js/selfjs.js" type="application/javascript"></script>
</head>
<body style="background-color: #e2e2e2">
<div th:insert="~{navaigation::nav}"></div>

<div class="container-fluid other_main">
    <div class="row">
        <!--主页-->
        <div class="col-lg-9 col-md-12 col-sm-12 col-sm-12 col-xs-12 other_margintop" >
            <div  class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12 ">
                <div class="col-lg-2 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <img th:src="${users.getUsers().getAvatarUrl()}" style="width: 100px;height: 100px;">

                </div>
                <div class="col-lg-10 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <img src=" /img/taghead.jpg" style="width: 30px;height: 30px;margin-right: 10px;">
                    <span th:text="${users.getUsers().getName()}" class="other_marginrightFontSize" style="font-size: 25px;color: black"></span>
                    <br>
                    <span th:text="${'邮箱：'+users.getUsers().getAccount_id()}" class="other_marginrightFontSize glyphicon glyphicon-envelope"  style="font-size: 18px;color: grey"></span>
                    <br>
                    <span  th:text="${'签名：'+users.getUsers().getSignature()}" class="other_marginrightFontSize glyphicon glyphicon-pencil" style="font-size: 18px;color: grey"></span>
                    <button onclick="addfriend(this)" th:id="${users.getUsers().getId()}"  th:if="${isFriednds=='yes' and  session.user.getId()!=users.getUsers().getId()}" th:text="${showMess}"  type="button" class="btn btn-success glyphicon glyphicon-ok " style="float: right;margin-right: 10px;" ></button>
                    <button onclick="addfriend(this)" th:id="${users.getUsers().getId()}" th:if="${isFriednds=='no' and  session.user.getId()!=users.getUsers().getId()}" th:text="${showMess}" type="button" class="btn btn-default glyphicon glyphicon-plus" style="float: right;margin-right: 10px;" ></button>


                    <button onclick="otherGuanzhu(this)" th:id="${users.getUsers().getId()}" th:if="${users.getIsGuanZhu()==true and session.user.getId()!=users.getUsers().getId()}" type="button" value="已关注" class="btn btn-success glyphicon glyphicon-ok" style="float: right;margin-right: 10px;">已关注</button>
                    <button onclick="otherGuanzhu(this)" th:id="${users.getUsers().getId()}" th:if="${users.getIsGuanZhu()==false and session.user.getId()!=users.getUsers().getId()}" type="button" value="未关注" class="btn btn-danger glyphicon glyphicon-plus" style="float: right;margin-right: 10px;">未关注</button>
                </div>
            </div>

            <!--住详细资料-->
            <hr class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
            <div  class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <ul class="nav nav-tabs">
                    <li role="presentation" th:class="${staues=='boke'?'active ':':'}" style="margin-right:40px;">
                        <a th:href="@{'/othermes/'+${users.getUsers().getId()}(staues='boke')}"  class="other_right" style="color: black">博客
                            <span th:text="${users.getBoke_count()}" style="font-size: 15px;color: gray"></span>
                        </a>
                    </li>
                    <li role="presentation" th:class="${staues=='save'?'active':':'}" style="margin-right:40px;">
                        <a th:href="@{'/othermes/'+${users.getUsers().getId()}(staues='save')}" class="other_right" style="color: black">收藏
                            <span th:text="${users.getNotInculdeSelf_save()}" style="font-size: 15px;color: gray"></span>
                        </a>
                    </li>
                    <li role="presentation"  th:class="${staues=='fensi'?'active ':':'}" style="margin-right:40px;">
                        <a th:href="@{'/othermes/'+${users.getUsers().getId()}(staues='fensi')}"   class="other_right" style="color: black">粉丝
                            <span th:text="${users.getFensi_count()}" style="font-size: 15px;color: gray"></span>
                        </a>
                    </li>
                    <li role="presentation" th:class="${staues=='guanzhu'?'active ':':'}" style="margin-right:40px;">
                        <a th:href="@{'/othermes/'+${users.getUsers().getId()}(staues='guanzhu')}" class="other_right" style="color: black">关注
                            <span th:text="${users.getGuanzhu_count()}" style="font-size: 15px;color: gray"></span>
                        </a>
                    </li>
                    <li role="presentation" class="other_right">
                        <a th:href="@{'/othermes/'+${users.getUsers().getId()}(staues='daiding')}">待定</a>
                    </li>
                </ul>
            </div>
            <!---博客文章-->
            <div th:if="${staues=='boke'}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="div_scroll" th:if="${quesionsList.size()!=0}" style="overflow-x: hidden">
                    <div th:each="quesionlist:${quesionsList}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                       <h3><a th:href="@{'/quesion/'+${quesionlist.getId()}}" th:text="${quesionlist.getTitle()}" class="other_quesions"></a></h3>
                        <p class="other_descript" th:text="${#strings.abbreviate(quesionlist.getDescription(),150)}"></p>
                        <p class="other_descript">
                            <span th:text="${'浏览：'+quesionlist.getView_count()}" style="margin-right: 30px;"></span>
                            <span th:text="${'收藏：'+quesionlist.getLike_count()}"style="margin-right: 30px;"></span>
                            <span th:text="${'发帖时间：'+#dates.format(quesionlist.getGmt_create(),'yyyy-MM-dd HH:mm')}" style="margin-right: 30px;"></span>
                        </p>
                    </div>
                    <hr class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                </div>
                <div th:if="${quesionsList.size()==0}">
                    <a href="/"><h3 style="text-align: center">亲,目前还没有发布文章,点我去论坛看看</h3></a>
                    <img src="/img/noaction.jpg" style="height: 350px;width: 300px;margin-left: 350px;">
                </div>

            </div> 
            <!--收藏-->
            <div th:if="${staues=='save'}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="div_scroll" th:if="${saveQuesions.size()!=0}">
                    <div th:each="savequesions:${saveQuesions}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                        <h3><a th:href="@{'/quesion/'+${savequesions.getId()}}" th:text="${savequesions.getTitle()}" class="other_quesions"></a></h3>
                        <p class="other_descript" th:text="${#strings.abbreviate(savequesions.getDescription(),150)}"></p>
                        <p class="other_descript">
                            <span th:text="${'博主：'+savequesions.getUsers().getName()}" style="margin-right: 30px;"></span>
                            <span th:text="${'等级Lv：'+savequesions.getUsers().getLeave()}" style="margin-right: 30px;"></span>
                            <span th:text="${'称谓：'+savequesions.getUsers().getChenwei()}" style="margin-right: 30px;"></span>
                            <span th:text="${'浏览：'+savequesions.getView_count()}" style="margin-right: 30px;"></span>
                            <span th:text="${'收藏：'+savequesions.getLike_count()}"style="margin-right: 30px;"></span>
                            <span th:text="${'发帖时间：'+#dates.format(savequesions.getGmt_create(),'yyyy-MM-dd HH:mm')}" style="margin-right: 30px;"></span>
                        </p>
                    </div>
                </div>
                <div th:if="${saveQuesions.size()==0}">
                        <a href="/"><h3 style="text-align: center">亲,目前还没有收藏他人的文章，收藏自己的文章不显示,点我去论坛看看</h3></a>
                        <img src="/img/noaction.jpg" style="height: 350px;width: 300px;margin-left: 350px;">
                </div>
            </div> 
            <!--粉丝-->
            <div th:if="${staues=='fensi'}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="div_scroll" th:if="${fensiUsers.size()!=0}">
                    <div class="media" th:each="fensiusers:${fensiUsers}">
                        <div class="media-left">
                            <a th:href="@{'/othermes/'+${fensiusers.getId()}}">
                                <img class="media-object" th:src="${fensiusers.getAvatarUrl()}" style="width: 80px;height: 80px;" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">
                                <span aria-hidden="true" style="color: #9b9b6a" class="glyphicon glyphicon-user replies" th:text="${fensiusers.getName()}"></span>
                                <span th:text="${'等级Lv:'+fensiusers.getLeave()}" class="replies self_leave6"></span>
                                <span class=" replies self_leave6" aria-hidden="true" th:text="${'威望：'+fensiusers.getWeiwang()}" ></span>
                                <span class="glyphicon glyphicon-heart replies self_leave6" aria-hidden="true" th:text="${fensiusers.getFensi_count()+'人关注'}" ></span>
                                <span class="glyphicon glyphicon-signal replies self_leave6" aria-hidden="true" th:text="${'排名：'+fensiusers.getWeek_ranking()}" ></span>
                                <span th:text="${'创号时间:'+#dates.format(fensiusers.getGmt_create(),'yyyy-MM-dd')}"  class="glyphicon glyphicon-time self_leave6" aria-hidden="true"></span>
                            </h4>
                            <span th:text="${'邮箱：'+fensiusers.getAccount_id()}" class="other_marginrightFontSize glyphicon glyphicon-envelope"  style="font-size: 18px;color: grey"></span>
                            <br>
                            <span th:text="${'签名：'+fensiusers.getSignature()}" class="other_marginrightFontSize glyphicon glyphicon-pencil" style="font-size: 18px;color: grey"></span>

                        </div>
                        <hr  class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    </div>
                </div>
                <div th:if="${fensiUsers.size()==0}">
                    <a href="/"><h3 style="text-align: center">亲,目前你没任何粉丝，点我去论坛看看</h3></a>
                    <img src="/img/noaction.jpg" style="height: 350px;width: 300px;margin-left: 350px;">
                </div>
            </div> 
            <!--关注-->
            <div th:if="${staues=='guanzhu'}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="div_scroll" th:if="${guanZhuUsers.size()!=0}">
                    <div class="media" th:each="fensiusers:${guanZhuUsers}">
                        <div class="media-left">
                            <a th:href="@{'/othermes/'+${fensiusers.getId()}}">
                                <img class="media-object" th:src="${fensiusers.getAvatarUrl()}" style="width: 80px;height: 80px;" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">
                                <span aria-hidden="true" style="color: #9b9b6a" class="glyphicon glyphicon-user replies" th:text="${fensiusers.getName()}"></span>
                                <span th:text="${'等级Lv:'+fensiusers.getLeave()}" class="replies self_leave6"></span>
                                <span class=" replies self_leave6" aria-hidden="true" th:text="${'威望：'+fensiusers.getWeiwang()}" ></span>
                                <span class="glyphicon glyphicon-heart replies self_leave6" aria-hidden="true" th:text="${fensiusers.getFensi_count()+'人关注'}" ></span>
                                <span class="glyphicon glyphicon-signal replies self_leave6" aria-hidden="true" th:text="${'排名：'+fensiusers.getWeek_ranking()}" ></span>
                                <span th:text="${'创号时间:'+#dates.format(fensiusers.getGmt_create(),'yyyy-MM-dd')}"  class="glyphicon glyphicon-time self_leave6" aria-hidden="true"></span>
                            </h4>
                            <span th:text="${'邮箱：'+fensiusers.getAccount_id()}" class="other_marginrightFontSize glyphicon glyphicon-envelope"  style="font-size: 18px;color: grey"></span>
                            <br>
                            <span th:text="${'签名：'+fensiusers.getSignature()}" class="other_marginrightFontSize glyphicon glyphicon-pencil" style="font-size: 18px;color: grey"></span>

                        </div>
                        <hr  class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    </div>
                </div>

                <div th:if="${guanZhuUsers.size()==0}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <a href="/"><h3 style="text-align: center">亲,目前你没有被他人关注，点我去论坛看看</h3></a>
                    <img src="/img/noaction.jpg" style="height: 350px;width: 300px;margin-left: 350px;">
                </div>
            </div> 
            <!--待定-->
            <div th:if="${staues=='daiding'}" class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="div_scroll"  style="overflow-x: hidden">
                    <h3>
                        如果有新功能可添加，请私聊站长。
                    </h3>
                </div>

            </div>
        </div>

        <!--个人资料-->
        <div class="col-lg-3 col-md-12 col-sm-12 col-sm-12 col-xs-12 other_margintop">
            <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="col-lg-3 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <img  th:src="${users.getUsers().getAvatarUrl()}" style="width: 48px;height: 48px;border-radius: 50%;">
                </div>
                <div class="col-lg-9 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <span style="color: gray;font-size: 18px;" th:text="${'昵称：'+users.getUsers().getName()}"></span>
                    <br>
                    <span id="newChenwei" style="color: gray;font-size: 18px;" th:text="${'称谓：'+users.getUsers().getChenwei()}">ss</span>
                </div>
            </div>
            <hr class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">

            <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <table class="table">
                        <thead>
                            <th><a style="color: black">原创</a></th>
                            <th>粉丝</th>
                            <th>获赞</th>
                            <th>收藏</th>
                            <th>评论</th>
                            <th>访问</th>
                        </thead>
                        <tbody>
                            <td th:text="${users.getBoke_count()}"></td>
                            <td th:text="${users.getFensi_count()}"></td>
                            <td th:text="${users.getHuozan_count()}"></td>
                            <td th:text="${users.getNotInculdeSelf_save()}"></td>
                            <td th:text="${users.getComment_count()}"></td>
                            <td th:text="${users.getView_count()}"></td>
                        </tbody>
                    </table>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <span th:text="${'Lv:'+users.getUsers().getLeave()}" style="float: left;font-size: 17px;"></span>
                    <span th:text="${'经验:'+users.getUsers().getExp()}" style="float: right;font-size: 17px;"></span>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <span th:text="${'积分:'+users.getUsers().getJifen()}" style="float: left;font-size: 17px;"></span>
                    <span th:text="${'威望:'+users.getUsers().getWeiwang()}" style="float: right;font-size: 17px;"></span>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                    <span th:text="${'排名:'+users.getUsers().getWeek_ranking()}" style="float: left;font-size: 17px;"></span>
                    <span th:text="${'人气:'+users.getUsers().getFensi_count()}" style="float: right;font-size: 17px;"></span>
                </div>

            </div>
            <hr class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
            <!--胸章--->
            <span class="glyphicon glyphicon-option-vertical" style="font-size: 18px;"> 勋章</span>
            <a href="#" style="float: right;font-size: 18px;">我的勋章</a>
            <hr class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">

            <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12 col-xs-12">
                <div th:each="xunZhang:${xunZhangList}" class="col-lg-4 col-md-12 col-sm-12 col-sm-12 col-xs-12 " >
                    <img  th:id="${xunZhang.getId()+'-'+users.getUsers().getId()+'-'+session.user.getId()}"  th:src="${xunZhang.getImages()}" style="height: 48px;width: 48px;"  data-toggle="tooltip" data-placement="top" th:title="${xunZhang.getDescript()}" >
                       <br> <b th:text="${xunZhang.getName()}"></b>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })

</script>

</html>